<template>
    <div class="topLogo">
        <SvgIcon class="LogoIcon"  name="head"></SvgIcon>
        <div class="logoText" v-if="fold">测试系统</div>
    </div>
</template>
<script setup lang='ts'>
import { onMounted, } from 'vue'
defineProps(['fold'])
onMounted(() => {

})
</script>

<style scoped lang='scss'> 
.topLogo{
    display: flex;
    background-color: rgb(255, 255, 255);
    min-width: $base-menu-width;
   .LogoIcon{
    height:$base-login-height !important;
    width:$base-login-width !important;
    }
    .logoText{
        font-size: $base-Logo-size;
        color: rgb(56, 60, 134);
        font-weight: 600;
        line-height: $base-tabbar-height;
        align-items: center;
        font-family: fantasy;
    } 
}

 
</style >
